<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./template/head.css">
    <link rel="stylesheet" href="./template/footer.css">
    <link rel="stylesheet" href="./lib/放大镜插件/css/magnifier.css">
    <link rel="stylesheet" href="./css/product_detail.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="top">
            <div class="wrapper clearfix">
                <span class="fl">乐购www.legou.com</span>
                <span class="fr">欢迎光临乐购&emsp;请 <a href="./login.html">登录</a> | <a href="./register.html">注册</a></span>
            </div>
        </div>
        <div class="nav">
            <div class="wrapper">
                <div class="logo">
                    <h1 class="fl">
                        <a href="#">lego商城</a>
                    </h1>
                    <img class="fl" src="./imgs/logo.png" alt="">
                </div>
                <div class="official">
                    <p>DJI大疆官方旗舰店</p>
                    <span>品牌直销</span>
                    <a href="javascript:;">收藏本店</a>
                </div>
                <div class="search">
                    <form action="#">
                        <input type="text" placeholder="请输入搜索的商品名">
                        <button></button>
                    </form>
                </div>
                <div class="shop_car">
                    <a href="./shop_car.html"><span>购物车<label>0</label></span></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 主体部分开始 -->
    <div class="main">
        <div class="poster">
            <img src="./imgs/TB1CuJEdbY1gK0jSZTESutDQVXa.jpg" alt="">
        </div>
        <div class="main_content_h wrapper clearfix">
            <!-- 左边放大镜开始 -->
            <div class="magnifier fl" id="magnifier1">
                <div class="magnifier-container">
                    <div class="images-cover"></div>
                    <!--当前图片显示容器-->
                    <div class="move-view"><img width="200" src="./lib/放大镜插件/images/move-box.png" alt=""></div>
                    <!--跟随鼠标移动的盒子-->
                </div>
                <div class="magnifier-assembly">
                    <div class="magnifier-btn">
                        <span class="magnifier-btn-left">&lt;</span>
                        <span class="magnifier-btn-right">&gt;</span>
                    </div>
                    <!--按钮组-->
                    <div class="magnifier-line">
                        <ul class="clearfix animation03">
                            <li>
                                <div class="small-img">
                                    <img style="height: 130px !important;" src="./imgs/timg (2).jpg" />
                                </div>
                            </li>
                            <li>
                                <div class="small-img">
                                    <img src="./imgs/O1CN01lezUQ91rfrtFO4R2U_!!1773095659.jpg_430x430q90.jpg" />
                                </div>
                            </li>
                            <li>
                                <div class="small-img">
                                    <img src="./imgs/O1CN01ChMbHv1rfrtEgzHiG_!!1773095659.jpg_430x430q90.jpg" />
                                </div>
                            </li>
                            <li>
                                <div class="small-img">
                                    <img src="./imgs/O1CN01bNZ4wP1rfrtBZGr62_!!1773095659.jpg_430x430q90.jpg" />
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--缩略图-->
                </div>
                <div class="magnifier-view"><img src="./images/4.png" alt=""></div>
                <!--经过放大的图片显示容器-->
            </div>
            <!-- 左边放大镜结束 -->
             
            <!-- 右边内容开始 -->
            <div class="r_info fl">
                <h3>【新品首发】DJI 大疆RoboMaster S1 机甲大师 S1专业教育机器人</h3>
                <span>寓教于乐，玩出名堂</span>
                <div class="price">
                    <p><span>价格:</span><label>¥3800.00</label></p>
                    <p><span>促销价:</span><label>¥ 3499.00 - 4200.00</label></p>
                    <p><span>本店活动:</span><label>满99包邮</label></p>
                    <a href="#">更多优惠>></a>
                </div>
                <p><span>运费:</span>江苏苏州 至 成都 快递: 0.00</p>
                <ul class="clearfix">
                    <li>
                        月销量<span>2871</span>
                    </li>
                    <li>
                        累积评价<span>10915</span>
                    </li>
                    <li>
                        送积分<span>300</span>起
                    </li>
                </ul>
                <div class="color_sort clearfix">
                    <span>颜色分类:</span>
                    <ul class="clearfix">
                        <li>机甲大师 S1RoboMaster S1套餐一</li>
                        <li>机甲大师 S1RoboMaster S1套餐二</li>
                        <li>机甲大师 S1RoboMaster S1套餐三</li>
                        <li>机甲大师 S1RoboMaster S1单机</li>
                        <li>机甲大师全套配件</li>
                        <li class="current_border">机甲大师 S2 预定</li>
                    </ul>
                </div>
                <div class="quantity clearfix">
                    <span>数量:</span>
                    <div>
                        <input type="number" value="1">
                        <p>
                            <span id="add">︿</span>
                            <span id="minus">﹀</span>
                        </p>
                    </div>
                </div>
                <div class="installment clearfix">
                    <span>花呗分期:</span>
                    <ul class="clearfix">
                        <li>
                            <span>¥1166.33</span>*3期<br>
                            （0手续费）
                        </li>
                        <li>
                            <span>¥583.16</span>*6期<br>（0手续费）
                        </li>
                        <li>
                            <span>¥313.44</span>*12期<br>（0手续费）
                        </li>
                    </ul>
                </div>
                <div class="buy">
                    <a href="#">立即购买</a>
                    <a id="join_shop_car" href="#">
                        <img src="./imgs/购物车空.png" alt="">
                        加入购物车
                    </a>
                </div>
            </div>
            <!-- 右边内容结束 -->
        </div>
        <div class="pro_info wrapper clearfix">
            <div class="pro_info_l fl">
                <ul class="clearfix">
                    <li class="current_bgc">产品详情</li>
                    <li>累计评价 10915</li>
                </ul>
                <div class="pro_details" >
                    <img src="./imgs/O1CN01SlG5RJ1rfrs81yFzf_!!1773095659.jpg" alt="">
                </div>
                <div style="display: none;" class="evaluate">
                    <div class="evaluate_h clearfix">
                        <div class="clearfix fl">
                            <p>与描述相符<span>4.9</span></p>
                            <p>
                                <img src="./imgs/颜色填充7.png" alt="">
                                <img src="./imgs/颜色填充7.png" alt="">
                                <img src="./imgs/颜色填充7.png" alt="">
                                <img src="./imgs/颜色填充7.png" alt="">
                                <img src="./imgs/颜色填充7.png" alt="">
                            </p>
                        </div>
                        <p><span>好评率98%</span><i></i></p>
                    </div>
                    <div class="evaluate_b">
                        <p>
                            <input type="radio" name="o" checked>全选
                            <input type="radio" name="o">追加(12)
                            <input type="radio" name="o">图片(93)
                            <select>
                                <option value="">按默认</option>
                                <option value="">111</option>
                                <option value="">222</option>
                            </select>
                        </p>
                        <ul>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li><li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li><li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                            <li>
                                <p>挺不错的，机甲大师对战T-34-85</p>
                                <p>
                                    <img src="./imgs/图层704.png" alt="">
                                    <img src="./imgs/图层704.png" alt="">
                                </p>
                                <p>2019-09-09&emsp;13:55:30</p>
                                <p>解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好的购物体验，感谢亲的支持，期待下次亲的光临</p>
                                <span>t***1(匿名)</span>
                            </li>
                        </ul>
                        <div class="page_btn">
                            <span>上一页</span>
                            <span>1</span>
                            <span>2</span>
                            <span>3</span>
                            <span>...</span>
                            <span>下一页</span>
                            <span>末页</span>
                        </div>
                    </div>
                </div>
            </div>
            <div  class="pro_info_r fr">
                <h3>猜你喜欢</h3>
                <ul>
                    <li>
                        <img src="./imgs/图层695.png" alt="">
                        <span>¥ 19999.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层696.png" alt="">
                        <span>¥ 19999.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层695.png" alt="">
                        <span>¥ 19999.00</span>
                    </li>
                    <li>
                        <img src="./imgs/图层696.png" alt="">
                        <span>¥ 19999.00</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体部分结束 -->

    <!-- 页脚部分开始 -->
    <div class="footer">
        <div class="footer_h">
            <div class="wrapper clearfix">
                <ul>
                    <li>
                        <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="">
                        <div>
                            <p>正品保障</p>
                            <span>正品行货  放心选购</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="">
                        <div>
                            <p>满86包邮</p>
                            <span>满86元 免运费</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="">
                        <div>
                            <p>售后无忧</p>
                            <span>7天无理由退货</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="">
                        <div>
                            <p>准时送达</p>
                            <span>收货时间由你做主</span>
                        </div>
                    </li>
                </ul>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>会员制度</dd>
                    <dd>订单查询</dd>
                    <dd>服务协议及隐私说明</dd>
                    <dd>网站地图</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>网上支付</dd>
                    <dd>礼品卡支付</dd>
                    <dd>其它支付</dd>
                </dl>
                <dl>
                    <dt>配送服务</dt>
                    <dd>配送进度查询</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>相关规则</dt>
                    <dd>平台规则</dd>
                    <dd>退换货政策</dd>
                    <dd>发票制度</dd>
                    <dd>帮助中心</dd>
                </dl>
                <div>
                    <p>App更优惠</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
                <div>
                    <p>加微信查订单</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
            </div>
        </div>
        <div class="footer_b">
            <div class="wrapper">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
                <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
                <img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="./imgs/f582260777c44b30.png" alt="">
                <img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="./imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 页脚部分结束 -->
    <script src="./lib/jquery.js"></script>
    <script src="./lib/放大镜插件/js/magnifier(1).js"></script>
    <script src="./js/product_detail.js"></script>
</body>
</html>